<!--
 * @Author: WangGuojian 1085844536@qq.com
 * @Date: 2024-07-02 21:50:08
 * @LastEditTime: 2024-07-02 21:56:02
 * @LastEditors: WangGuojian 1085844536@qq.com
 * @FilePath: \html\code\2_CSS\16_CSS_盒子模型\06_CSS_盒子的内容区_content.html
 * @Description:
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子的内容区_content</title>
    <style>
        div {
            width: 800px;
            /* min-width: 600px; */
            /* max-width: 1000px; */
            height: 200px;
            /* max-height: 400px; */
            background-color: skyblue;
        }
    </style>
</head>

<body>
    <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, aliquam, quia praesentium ex id et
        veritatis, quas sapiente deserunt voluptas obcaecati laudantium reiciendis culpa delectus tenetur! Obcaecati
        ratione quo officia cum veritatis voluptatibus atque excepturi doloribus, unde quasi numquam facilis expedita
        commodi. Hic iure nam obcaecati eaque voluptate aspernatur officiis iusto aperiam a id, dolorum, laudantium
        excepturi in reiciendis architecto eum omnis expedita ea molestias sunt repellat incidunt. Laboriosam quaerat ut
        ipsa natus obcaecati voluptates tempora, ipsum culpa placeat, eaque distinctio provident ducimus deleniti optio
        sunt velit nobis harum. Aliquid odio ratione voluptas pariatur amet, tempora aspernatur commodi id neque labore
        assumenda officiis cumque, magni veniam nesciunt molestias minima iste quibusdam sunt repellat temporibus autem
        vitae dolor totam. Labore modi officia optio doloremque, commodi dicta laudantium natus mollitia? Obcaecati
        magnam odio quos accusantium dolorem officiis ipsa soluta excepturi, et quaerat natus esse reprehenderit tempore
        consequatur sequi quasi facilis repudiandae modi optio pariatur! Commodi culpa porro repellat labore placeat
        nesciunt voluptatibus libero in ex sit id aliquid tenetur ipsam, voluptatem debitis voluptates rem explicabo
        vero ab dolorum quibusdam fuga veniam beatae. Placeat ipsam officiis porro odio, laborum maiores deleniti
        voluptates nostrum vero laudantium nobis, accusantium asperiores nulla ullam veniam adipisci praesentium
        excepturi? Provident commodi magnam nulla, velit ipsum aliquid reiciendis est dolor inventore incidunt
        voluptate, ea fugiat quisquam sint animi iste ullam. Temporibus ipsa tenetur quaerat sunt voluptas, corrupti ab
        reiciendis, facere qui eveniet et cumque nemo veritatis eos cum quo nam, molestias velit quis quam quas
        consequuntur tempore? Tempora quibusdam quos distinctio, delectus maiores sint aut ipsam doloribus possimus quia
        porro asperiores laudantium quae molestias? Iure suscipit optio animi neque eius recusandae, nihil aspernatur
        ipsam ad reiciendis quasi, doloribus quas, odio magni. Explicabo, quas quos deleniti voluptate totam aperiam
        accusamus repellat at accusantium distinctio quod nisi eum similique dicta veniam!</div>
</body>

</html>